
<!DOCTYPE html>
      <html>
       <head>
         <title>我的消息</title>
         <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 
 <meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.10 ">

<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
<!-- Swiper容器-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
<link rel="stylesheet" href="style.css"> 
<!-- body 最后 -->

<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>

<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>

<!-- Swiper的容器-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
<!-- style -->
<style>
.one-a{
   margin-right: 3%;
    margin-left: 3%;
    margin-top: 3%;
    margin-bottom: 3%;
    height: 3rem;
}
.one .one-b{
float: left;
    height: 100%;
    width: 13%;
    margin-top: 0.5rem;
    text-align: center;

}  
.one-c{
  height: 100%;

}
.one .one-d{
    float: left;
    height: 50%;
    width: 25%;
        font-size: 0.8rem;
}
.one .one-e{
    float: left;
    height: 50%;
    width: 62%;
   text-align: right;
        font-size: 0.8rem;
  }
.one .one-f {
      width: 100%;
    height: 50%;
        font-size: 0.8rem;
}
img {
height:30px;
 width:30px;
}
</style>
</head>
<body>
<ul>


<li>
<!--最大的 -->
<div class="one one-a ">
<!--图片 -->
<div class="one one-b "><img src="./images/xx.png"></div>
<!--图片左上 -->
<div class="one one-c ">
      <!--系统消息 -->
      <div class="one one-d ">系统消息</div>
    <!--时间 -->
    <div class="one one-e ">2018-01-01 10:00</div>
    <!--您有一条。。。。 -->
    <div class="one one-f ">您有一条待缴费账单，请及时处理</div>
    </div>
</div>
<hr/>
</li>




<li>
<!--最大的 -->
<div class="one one-a ">
<!--图片 -->
<div class="one one-b "><img src="./images/xx.png"></div>
<!--图片左上 -->
<div class="one one-c ">
      <!--系统消息 -->
      <div class="one one-d ">系统消息</div>
    <!--时间 -->
    <div class="one one-e ">2018-01-01 10:00</div>
    <!--您有一条。。。。 -->
    <div class="one one-f ">您有一条待缴费账单，请及时处理</div>
    </div>
</div>
<hr/>
</li>



<li>
<!--最大的 -->
<div class="one one-a ">
<!--图片 -->
<div class="one one-b "><img src="./images/xx.png"></div>
<!--图片左上 -->
<div class="one one-c ">
      <!--系统消息 -->
      <div class="one one-d ">系统消息</div>
    <!--时间 -->
    <div class="one one-e ">2018-01-01 10:00</div>
    <!--您有一条。。。。 -->
    <div class="one one-f ">您有一条待缴费账单，请及时处理</div>
    </div>
</div>
<hr/>
</li>




<li>
<!--最大的 -->
<div class="one one-a ">
<!--图片 -->
<div class="one one-b "><img src="./images/xx.png"></div>
<!--图片左上 -->
<div class="one one-c ">
      <!--系统消息 -->
      <div class="one one-d ">系统消息</div>
    <!--时间 -->
    <div class="one one-e ">2018-01-01 10:00</div>
    <!--您有一条。。。。 -->
    <div class="one one-f ">您有一条待缴费账单，请及时处理</div>
    </div>
</div>
<hr/>
</li>



<li>
<!--最大的 -->
<div class="one one-a ">
<!--图片 -->
<div class="one one-b "><img src="./images/xx.png"></div>
<!--图片左上 -->
<div class="one one-c ">
      <!--系统消息 -->
      <div class="one one-d ">系统消息</div>
    <!--时间 -->
    <div class="one one-e ">2018-01-01 10:00</div>
    <!--您有一条。。。。 -->
    <div class="one one-f ">您有一条待缴费账单，请及时处理</div>
    </div>
</div>
<hr/>
</li>



<li>
<!--最大的 -->
<div class="one one-a ">
<!--图片 -->
<div class="one one-b "><img src="./images/xx.png"></div>
<!--图片左上 -->
<div class="one one-c ">
      <!--系统消息 -->
      <div class="one one-d ">系统消息</div>
    <!--时间 -->
    <div class="one one-e ">2018-01-01 10:00</div>
    <!--您有一条。。。。 -->
    <div class="one one-f ">您有一条待缴费账单，请及时处理</div>
    </div>
</div>
<hr/>
</li>



<li>
<!--最大的 -->
<div class="one one-a ">
<!--图片 -->
<div class="one one-b "><img src="./images/xx.png"></div>
<!--图片左上 -->
<div class="one one-c ">
      <!--系统消息 -->
      <div class="one one-d ">系统消息</div>
    <!--时间 -->
    <div class="one one-e ">2018-01-01 10:00</div>
    <!--您有一条。。。。 -->
    <div class="one one-f ">您有一条待缴费账单，请及时处理</div>
    </div>
</div>
<hr/>
</li>


</ul>
</body>
</html>